//添加分类
$('#addCategory').on('submit', function() {
    //获取用户输入的内容
    var formData = $(this).serialize();
    //向服务器发送请求，添加分类
    $.ajax({
            url: '/categories',
            type: 'post',
            data: formData,
            success: function(response) {
                //重载页面
                location.reload();
            },
            error: function() {
                alert('添加失败');
            }

        })
        //阻止表单默认行为
    return false;
})


//分类列表展示
$.ajax({
    type: 'get',
    url: '/categories',
    success: function(response) {
        //将数据与模板进行拼接
        var html = template('categoryListTpl', { data: response });
        $('#categoryBox').html(html)
    },
    error: function() {
        alert('获取分类列表信息失败！')
    }
})


//分类信息修改展示
//事件委托绑定事件
$('#categoryBox').on('click', '.edit', function() {
    //获取当前选中的分类id
    var id = $(this).attr('data-id');
    //调用ajax向服务器发送请求获取数据
    $.ajax({
        type: 'get',
        url: '/categories/' + id,
        success: function(response) {
            //数据与模板进行拼接
            var html = template('modifyCategoryTpl', response);
            //将模板渲染到html
            $('#formBox').html(html);
        },
        error: function() {
            alert('该分类信息获取失败！')
        }
    })
})


//提交修改表单，实现分类信息修改功能
//采用事件委托方式
$('#formBox').on('submit', '#modifyCategory', function() {
    //获取管理员在表单中输入的内容
    var formData = $(this).serialize();
    //获取要修改的分类的id
    var id = $(this).attr('data-id');

    //调用ajax向服务器发送修改请求
    $.ajax({
            type: 'put',
            url: '/categories/' + id,
            data: formData,
            success: function(response) {
                location.reload();
            },
            error: function() {
                alert('分类信息修改失败！')
            }

        })
        //阻止默认提交
    return false;
})


//实现分类数据删除功能
$('#categoryBox').on('click', '.delete', function() {
    if (confirm('您确认删除此分类吗？')) {
        //获取当前选中的数据的id
        var id = $(this).attr('data-id');
        $.ajax({
            type: 'delete',
            url: '/categories/' + id,
            success: function() {
                //删除成功则重载页面
                location.reload();
            },
            error: function() {
                alert('删除分类失败！')
            }
        })
    }

})